<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .a {
            position: absolute;
            background-image: url(f540924c2c5bcaf351f6b3da2c10e60c.png);
            width: 190px;
            height: 260px;
        }

        .b {
            position: absolute;
            color: white;
            font-size: 30px;
            left: 30px;
            top: 35px;
            font-family: "黑体";

        }

        .c {
            position: absolute;
            color: white;
            font-size: 14px;
            top: 162px;
            left: 80px;
        }

        .c2 {
            position: absolute;
            color: white;
            font-size: 20px;
            top: 157px;
            left: 28px;
        }

        .e {
            position: absolute;
            color: white;
            font-size: 24px;
            top: 190px;
            left: 18px;
            background: black;
        }

        .f {
            position: absolute;
            font-size: 24px;
            top: 190px;
            left: 53px;
            color: white;
        }

        .g {
            position: absolute;
            color: white;
            font-size: 24px;
            top: 190px;
            left: 73px;
            background: black;
        }

        .h {
            position: absolute;
            font-size: 24px;
            top: 190px;
            left: 108px;
            color: white;
        }

        .i {
            position: absolute;
            color: white;
            font-size: 24px;
            top: 190px;
            left: 128px;
            background: black;
        }
    </style>
</head>

<body>
    <div class="a">
        <div class="b">京东秒杀</div>
        <div class="c2">10:00</div>
        <div class="c">点场&nbsp;距结束</div>
        <div class="d">
            <div class="e" id="sss">23</div>
            <div class="f">：</div>
            <div class="g" id="aaa">59</div>
            <div class="h">：</div>
            <div class="i" id="hhh">59</div>
        </div>
    </div>
    <script>

        var i = 59;
        var s=document.getElementById('hhh');
        var time = setInterval(function () {
            
            if(i<60){
                console.log(i--);
                s.innerHTML=i;
            if (10>i&&i>=0) {
                console.log(i--);
                console.log(i++);
               s.innerHTML= '0'+i;
            }
            if(i<0){
                i=59;
            }
        }
        }, 1000)
        var a = 59;
        var m=document.getElementById('aaa');
        var abc = setInterval(function () {
            
            if(a<60){
                console.log(a--);
                m.innerHTML=a;
            if (10>a&&a>=0) {
                console.log(a--);
                console.log(a++);
               m.innerHTML= '0'+a;
            }
            if(a<0){
                i=59;
            }
        }
        }, 60000)
        var k = 23;
        var h=document.getElementById('sss');
        var hhs= setInterval(function () {
            if(k<60){
                console.log(k--);
                m.innerHTML=k;
            if (10>k&&k>=0) {
                console.log(k--);
                console.log(k++);
               m.innerHTML= '0'+k;
            }
            if(k<0){
                k=23;
            }
        }
        }, 3600000)



    </script>
</body>

</html>